@import '@/common/font.css';
/* #ifndef APP-NVUE */
body, page {
  font-family: 'Medium';
  background-color: rgba($color: #000000, $alpha: 0);
}
ul,li{
	list-style-type: none!important;
}
/* #endif */
// 以颜色为命名
$color-black: 
  (fff, #fff),
  (000, #000),
  (333, #333)
  ;
@each $n, $c in $color-black {
  .c-b-#{$n} {
    background-color: $c !important;
  }
}

// 以颜色为命名
$color-text:
  (fff, #fff),
  ('000', #000),
  (333, #333),
  (666, #666),
  (999, #999),
  ('aaa', #aaa),
  ('ccc', #ccc),
  (F7F8F8, #F7F8F8),
  ('00374D', #00374D),
  ('008399', #008399)
  ;
@each $n, $c in $color-text {
  .c-#{$n} {
    color: $c !important;
  }
}
// 控制全局字体偏差值
// @for $a from 0 through 10 {
//   .page-font#{$a - 1} {
//     @for $i from 0 through 40 {
//       // 文本大小 font-12 - font-90 （实际有效24以上）
//       .font-#{$i * 2 + 10} {
//         font-size: 10rpx + (($a - 1) * 2) + $i * 2rpx !important;
//         p, span {
//           font-size: 10rpx + (($a - 1) * 2) + $i * 2rpx !important;
//         }
//       }
//     }
//     view {
//       font-size: 26rpx + ($a - 1) * 2;
//     }
//   }
// }
// 文本大小 font-10 - font-40 （网页有效12以上）
@for $i from 0 through 40 {
  .font-#{$i * 1 + 10} {
    font-size: 10rpx + $i * 1rpx !important;
  }
}
// margin 5 - 100
@for $i from 0 through 20 {
  .margin-#{$i * 2} {
    margin: $i * 2rpx;
  }
  .margin-t#{$i * 2} {
    margin-top: $i * 2rpx;
  }
  .margin-b#{$i * 2} {
    margin-bottom: $i * 2rpx;
  }
  .margin-l#{$i * 2} {
    margin-left: $i * 2rpx;
  }
  .margin-r#{$i * 2} {
    margin-right: $i * 2rpx;
  }
}
// padding 1 - 20
@for $i from 0 through 20 {
  .padding-#{$i * 2} {
    padding: $i * 2rpx;
  }
  .padding-t#{$i * 2} {
    padding-top: $i * 2rpx;
  }
  .padding-b#{$i * 2} {
    padding-bottom: $i * 2rpx;
  }
  .padding-l#{$i * 2} {
    padding-left: $i * 2rpx;
  }
  .padding-r#{$i * 2} {
    padding-right: $i * 2rpx;
  }
}

.font-B {
  font-family: 'Bold';
}
.font-M {
  font-family: 'Medium';
}
.font-R {
  font-family: 'Regular';
}
.font-H {
  font-family: 'Heavy';
}
.font-BS {
  font-family: 'Bahnschrift';
}
/* #ifndef APP-NVUE */
.margin-center {
  margin: 0 auto;
}
/* #endif */
.jh-text {
  &-left {
    text-align: left;
  }
  &-right {
    text-align: right;
  }
  &-center {
    text-align: center;
  }
}
/* #ifndef APP-NVUE */
.jh-flex {
  display: flex;
}
/* #endif */
.jh-flex-item {
  flex: 1;
}
.jh-line-height {
  line-height: 1;
}
.jh-space-between {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  justify-content: space-between;
}
.jh-space-around {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  justify-content: space-around;
}
.jh-align-top {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  align-items: flex-start;
}
.jh-align-center {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  align-items: center;
}
/* #ifndef APP-NVUE */
.jh-align-baseline {
  display: flex;
  align-items: baseline;
}
/* #endif */
.jh-flex-center {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  justify-content: center;
  align-items: center;
}
.jh-justify-flexend {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  justify-content: flex-end;
}
.jh-align-flexend{
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  align-items: flex-end;
}
.jh-row {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
}
.jh-column {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
}
.jh-center {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  justify-content: center;
}
.jh-inline-item {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  align-items: center;
}
.jh-flex-wrap{
  flex-wrap: wrap;
}
.shadow-type1 {
  box-shadow: 0px 5rpx 24rpx 0px rgba(207, 172, 132, 0.47);
}

.jh-ellipsis{
  /* #ifdef APP-NVUE */
  lines: 1;
  text-overflow: ellipsis;
  /* #endif */
  /* #ifndef APP-NVUE */
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  /* #endif */
}